<template>
  <div>
    <div class='shop_img'>
      <img :src='"https://elm.cangdu.org/img/"+list.image_path'
           alt="">
    </div>
    <div class="conts">
      <div class="conts_1">
        {{list.name}}
      </div>
      <div class="conts_2">
        月售{{list.month_sales}}单
      </div>
      <div class="conts_3">
        售价 ￥{{list.specfoods[0].price}} 起

      </div>
      <div class="conts_4">
        好评率{{list.satisfy_rate}}%

      </div>
    </div>

  </div>
</template>

<script>

export default {
  name: 'shopshop',
  data () {
    return {
      list: JSON.parse(localStorage.getItem('abc'))
    }
  },
}
</script>

<style lang="less" >
.conts_3 {
  color: #f60;
  margin-left: 90px;
}
.conts_2 {
  float: left;
}
.conts {
  margin: 20px 10px;
  line-height: 2;
}
.conts_1 {
  font-size: 20px;
}
.shop_img img {
  width:375px;
  height: 414px;
}
</style>